var index = 0;
var timer = null;
time();
$(".dian li").click(function() {
    $(this).addClass("current").siblings().removeClass("current");
    index = $(this).index();
    $(".swiper").animate({
        left: -index * 1226
    }, 500)
})

function time() {
    clearInterval(timer)
    timer = setInterval(function() {
        index++;
        $(".dian").children().eq(index >= 6 ? 0 : index).addClass("current").siblings().removeClass("current");
        $(".swiper").animate({
            left: -index * 1226 + "px"
        }, "slow", function() {
            if (index >= 6) {
                index = 0;
                $(".swiper").css({
                    left: 0
                })

            }
        });

    }, 4000)
}

$(".swiper_right").mouseenter(function() {
    $(this).css({
        backgroundColor: "#a9b4b3"
    })
})
$(".swiper_right").mouseleave(function() {
    $(this).css({
        backgroundColor: ""
    })
})
$(".swiper_left").mouseenter(function() {
    $(this).css({
        backgroundColor: "#a9b4b3"
    })
})
$(".swiper_left").mouseleave(function() {
    $(this).css({
        backgroundColor: ""
    })
})

$(".swiper_right").click(function() {
    index++;
    if (index > 6) {
        index = 0;
        $(".swiper").css({
            left: 0
        });
        index++;
    }
    $(".dian").children().eq(index >= 6 ? 0 : index).addClass("current").siblings().removeClass("current");
    $(".swiper").stop().animate({
        left: -index * 1226 + "px"
    }, "slow", function() {})

})

$(".swiper_left").click(function() {
    index--;
    if (index < 0) {
        index = 6;
        $(".swiper").css({
            left: -index * 1226
        });
        index--;
    }
    $(".dian").children().eq(index >= 6 ? 0 : index).addClass("current").siblings().removeClass("current");
    $(".swiper").stop().animate({
        left: -index * 1226 + "px"
    }, "slow", function() {})

})

$(".banner").mouseenter(function() {
    clearInterval(timer);
})
$(".banner").mouseleave(function() {
    time();
})